<template>
  <div>
    <y-header :active="'index'"></y-header>
    <div class="person_body clearfix">
      <y-side :showSide="'wm'"></y-side>
      <div class="person_content">
        <div class="person_title">
          {{artTitle}}
        </div>
        <div class="person_info">
          <p class="top_text" v-html="artDesc"></p>
        </div>
      </div>
    </div>
    <y-footer></y-footer>
  </div>
</template>
<script>
  import YHeader from './header'
  import YFooter from './Bottom'
  import YSide from './terraceSide'
  // import {aboutInfo} from '~/api/main.js'
  export default {
    head () {
      return {
        title: this.artTitle,
        meta: [
          {
            name: 'keywords',
            // content: this.webInfo.websiteKeyword
          },
          {
            name: 'description',
            // content: this.webInfo.websiteDesc
          }
        ]
      }
    },
    watch:{
      $route(to,from){
        this.tsreload()
      }
    },
    data () {
      return {
        // webInfo: this.$store.state.webInfo,
        navId: '',
        artTitle: '',
        artDesc: '',
        terraceArt:{
            lxwm:{
                artTitle:"联系我们",
                artDesc:"教育系统业务：<br/>" +
                  "\n" +
                  "联系人：谢经理<br/>" +
                  "\n" +
                  "手机号：15820530994（微信同号）<br/>" +
                  "\n" +
                  "邮箱：xiexl@roncoo.com"
              },
            gsjj:{
                artTitle:"广州市领课网络科技有限公司",
                artDesc:"广州市领课网络科技有限公司成立于2015年，是通过国家认定的高新技术企业，拥有自主研发的在线教育系统和互联网支付系统，是一家专注于在线教育领域和互联网支付领域软件系统产品和技术服务的专业提供商。<br/>" +
                  "\n" +
                "基于自主研发的在线教育系统（领课教育系统）对外提供在线教育系统软件的销售及技术服务。公司旗下的IT在线教育平台（龙果学院）则是基于自研教育系统的自营教育平台，自2015年上线运营至今，为领课教育系统产品的持续完善积累了丰富的实战经验。 我们向行业开源了一套功能实用且高质量的教育系统（领课教育系统开源版）， 同时我们也为行业提供商业版的在线教育系统与技术服务，并为大量的行业企业成功搭建其自主在线教育平台。<br/>" +
                  "\n" +
    "领课教育云是SaaS（软件云服务）模式的教育系统技术服务平台。向中小教育机构提供一个无需组建技术团队则可快速搭建自有域名自主品牌的在线教育平台的一站式解决方案。<br/>" +
                  "\n" +
    "公司支付系统产品团队拥有超10年的支付行业系统技术产品经验，拥有自主研发的互联网支付收款系统（龙果支付系统），为企业提供互联网支付收款系统软件及对应的技术服务。"
              },
            sybgm:{
                artTitle:"商业版购买",
                artDesc:"教育系统业务：<br/>" +
                  "\n" +
                "联系人：谢经理<br/>" +
                  "\n" +
      "手机号：15820530994（微信同号）<br/>" +
                  "\n" +
"邮箱：xiexl@roncoo.com"
              },
            rhgm:{
                artTitle:"如何购买",
                artDesc:"教育系统业务：<br/>" +
                  "\n" +
                "联系人：谢经理<br/>" +
                  "\n" +
      "手机号：15820530994（微信同号）<br/>" +
                  "\n" +
"邮箱：xiexl@roncoo.com"
              }
          }
      }
    },
    validate ({ params }) {
      // 必须是number类型
      // return /^\d+$/.test(params.id)
    },
    /*async asyncData(context) {
      let {data} = await aboutInfo({navId: context.params.id});
      if (data.code == 200) {
        return {
          artTitle: data.data.artTitle,
          artDesc: data.data.artDesc
        }
      }else{
        return {
          artTitle: '',
          artDesc: ''
        }
      }
    },*/
    methods:{
      tsreload() {
        this.navId = this.$route.query.id;
        this.artTitle=this.terraceArt[this.navId].artTitle;
        this.artDesc=this.terraceArt[this.navId].artDesc
      }
    },
    mounted () {
      this.tsreload()
    },
    components: {
      YHeader,
      YFooter,
      YSide
    }
  }
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
  .person_body {
    width: 1200px;
    margin: 30px auto 0;
    min-height: 1000px;
  }
  .person_content {
    width: 1012px;
    float: right;
    background: #fff;
    border-radius: 6px;
    .person_title {
      font-size: 14px;
      font-weight: 700;
      color: #333;
      text-align: center;
      line-height: 100px;
    }
  }
  .person_info {
    padding: 0px 50px 50px;
    min-height: 400px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
  }


</style>
